/* reset */
.init-img{position: fixed;opacity: 0.001;width: 1px;height: 1px;pointer-events:none;}
body,html{height:100%; width: 100%; -webkit-tap-highlight-color:transparent;}

abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%;}

body{background:#f6f6f6;overflow-x: hidden; color:#333;font-size:14px;font-family: '思源黑体'; position: relative; }

h1{font-size: 24px; font-weight: normal;}

h2{font-size: 22px; font-weight: normal;}

h3{font-size: 20px; font-weight: normal;}

h4{font-size: 18px; font-weight: normal;}

h5{font-size: 16px; font-weight: normal;}

h6{font-size: 15px; font-weight: normal;}

a,a:active,a:hover,a:visited{outline:0;text-decoration:none;}

a{color:#333;}

a:hover{ color: #1296DB;}

li{list-style:none;}

.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.hide { display: none; }

input,textarea {-webkit-appearance:none; border-radius: 0; -webkit-border-radius:0;outline:none; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;}

input:focus, textarea:focus {outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);

    -webkit-user-modify:read-write-plaintext-only;}

button{outline:none;}

textarea {resize: none;}

video::-webkit-media-controls{
  display:none !important
}

input::-webkit-input-placeholder { color:#666;}

input::-moz-placeholder { color:#666;}

input:-ms-input-placeholder { color:#666;}

.section-banner .swiper-slide img { max-width: 100%; height: auto; display: block; }

.section-banner {
  width: 100%;
  /*height: 860px;*/
}
.section-banner .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.section-banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}
.section-banner .swiper-pagination-bullet-active {
  background-color: #00f;
}
.section-banner .progress {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.videos-pager{
  margin-top: -49px !important;
  z-index: 2;
  bottom: 56px;
}
.bottom-overlay{
  z-index: 2;
  bottom: 0px;
  height: 120px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,26,0)),to(#16161a));
  background-image: -webkit-linear-gradient(top,rgba(22,22,26,0),#16161a);
  background-image: linear-gradient(180deg,rgba(22,22,26,0),#16161a);

}
.section-banner .total-container{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  width: 100px;
}
.section-banner .total-container .active{
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 2px;
  color: #ffffff;
  opacity: 1;
  padding-right: 4px;
}
.section-banner .total-container .total{
  padding-left: 4px;
}
.videos-pager .circle-pagination{
  padding: 3px 15px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 35px;
}
.circle-pagination-item{
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.show-down .down-icon{
  padding-bottom: 5px;
}

hr { display: block; width: 100%; height: 5px; }

.clamp-one { white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}

.clamp-two {line-height: 1.6;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space:normal;}

/* hover animation  */

a,

.submenu-box,

.contact .page-form .cancel-btn,

.contact .page-form .submit-btn,

.consult .consult-btn,

.major-list li .item,

.service-list li .overlay {

  text-decoration: none;

  -moz-transition: all 0.3s ease-in;

  -webkit-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}



/* hover img  */

.hover-img{display:block;overflow:hidden;}

.hover-img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

.hover-img:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);}



/* grid  */

.row { margin-left: -7px; margin-right: -7px;display: flex; flex-wrap: wrap; }

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px; padding-left: 7px; padding-right: 7px; }

.col-xs-12{width:100%;}

.col-xs-11{width:91.66666667%;}

.col-xs-10{width:83.33333333%;}

.col-xs-9{width:75%;}

.col-xs-8{width:66.66666667%;}

.col-xs-7{width:58.33333333%;}

.col-xs-6{width:50%;}

.col-xs-5{width:41.66666667%;}

.col-xs-4{width:33.33333333%;}

.col-xs-3{width:25%;}

.col-xs-2{width:16.66666667%;}

.col-xs-1{width:8.33333333%;}



/* flex */

.flex { flex: 1; }

.flexLeft {display:flex;}

.flexLeftTop {display:flex;align-items:flex-start;}

.flexLeftBottom {display:flex;align-items:flex-end;}

.flexLeftCenter{display:flex;align-items:center;}

.flexRightCenter{display:flex;align-items:center;justify-content:flex-end;}

.flexCenter{display:flex;align-items:center;justify-content:center;}

.flexBetween{display:flex;align-items:center;justify-content:space-between;}
.flexBetweenTop{display:flex;justify-content:space-between;}

.flexColumnBetween{display:flex;justify-content:space-between;}

.flexWrap { display: flex; align-items: center; flex-wrap: wrap;}

.flexWrapTop { display: flex; flex-wrap: wrap;}

.flexColumnCenter{display: flex;flex-direction: column;justify-content: center;align-items: center;}



.textcen{text-align: center;}

/* font-size */

.fz-14 { font-size: 14px;}
.fz-16 { font-size: 16px;}

.fz-18 { font-size: 18px;}

.fz-20 { font-size: 20px;}

.fz-28 { font-size: 28px;}

.fz-30 { font-size: 30px;}

.fz-46 { font-size: 46px;}



/* space */

.ml-20 { margin-left: 20px;}

.mb-50 { margin-bottom: 50px;}



/* color */

.navy-blue { color: #204C7A;}

.blue { color: #1296DB;}

.white { color: #fff;}

.gray-6 { color: #666;}



/* btn */

.btn { display: flex; align-items: center; justify-content: center; width: 192px; margin: 50px auto 0; border:0; cursor: pointer; text-align: center; padding: 0 10px; line-height: 66px; background: #fff; font-size: 22px; color: #204C7A; }

.btn:hover { background: #204C7A; color: #fff;}

.btn .arrow { width: 30px; height: 30px; margin-left: 7px; background: url('../images/gengduo@2x.png') no-repeat 0 0 / 30px auto;}

.btn:hover .arrow { background-position: 0 -30px;}



/* container */

.container { width: 1200px; padding: 0; position: relative; margin: 0 auto; }

.logo { width: 127px; height: 37px; margin-right: 100px;}
.email img{width: 18px; padding-top: 3px}
.shida{
  background: url('../images/shida-bg.png') no-repeat 0 0 / cover; width: 100%; height: 760px;
  height: 760px;
  width: 100%;
  background-color: #f6f6f6;
  position: relative;
}
.shida .headline{
  width: 600px;
}
.shida .headline .title{
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 56px;
  color: #333;
  text-align: left;
}
.shida .subtitle{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #333333;
}

.shida .more{
  padding-top: 35px;
}
.shida .more img{
  width: 41px;
  display: inline;
  padding-left: 10px;
}
.shida .items-list{
  width: 996px;
  height: 220px;
  background-color: #ffffff;
  margin-top: 80px;
  position: relative;
  z-index: 2;
}
.shida .items-list ul{
  height: 220px;
}
.shida .items-list li{
  float: left;
  width: 332px;
  height: 100%;
}
.shida .items-list li.border{
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0.05);
}
.shida .items-list li .item{
  padding-top: 37px;
  padding-left: 68px;
}
.shida .items-list li img{
  width: 19px;
}
.shida .items-list li .caption{
  padding-top: 15px;
}
.shida .items-list li h3{
  font-size: 48px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #000000;
}
.shida .items-list li .fz-14{
  font-size: 14px;
  color: #000000;
}
.shida .right-banner{
  position: absolute;
  top: 0;
  left:51%
}
/* header */

.header { height:82px; position: fixed; left: 0; top:0; width: 100%; z-index: 100;
   background-color:rgba(0,0,0,0.2);
}
.header.fixed{
  background-color:rgba(0,0,0,0.8);
}

@keyframes fadeInDown{

  0%{opacity:0;transform:translate3d(0,-100%,0);}

  to{opacity:1;transform:none;}

}

.header.fixed { animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}

.header .header-top .container { padding-top: 28px; padding-bottom: 28px; display: flex; align-items: center; justify-content: space-between;}

.icon-nav { display: none;}

/*.nav { background: #204C7A;}*/

.nav ul { display: flex; justify-content: space-between; flex-wrap: wrap;}


.nav li > a { 	font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  display: block; text-align: center; padding: 10px 15px;}

.nav li.active > a,

.nav li.open > a,

.nav li > a:hover { }

.nav-container{
  height: 82px;
}

.nav .current .menu-name{color: #23a9e0!important;}
.navbar-nav>li:after {
    content: "";
    display: block;
    border-radius: 2px;
    position: absolute;
    height: 3px;
    line-height: 0;
    background-color: transparent;
    width: 66%;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    transition: all .3s
}
.navbar-nav>li:hover:after {
    -webkit-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
    background-color: #23a9e0;
}

.js_accordion_item { position: relative;}

.submenu-box {  text-align: center;  min-width: 100%;  width: auto; position:absolute;top:100%;left:50%;z-index:999;visibility:hidden; opacity: 0;  -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}

.submenu {
  background-color: #1a6ccf;
  box-shadow: 0px 9px 9px 0px
  rgba(0, 0, 0, 0.14);
  border-radius: 2px;
  color: #fff; width:100%;margin:0;}

.nav li:hover .submenu-box { opacity: 1; visibility:visible;}

.submenu dd {display:block; position:relative; text-align: left;}

.submenu dd a {display:block; color: #fff; font-size: 14px;  text-align: center; line-height: 40px; padding: 0 15px;text-transform:capitalize;transition:all .3s ease;white-space:nowrap;}

.submenu dd.active a,

.submenu dd:hover a { opacity: 1; color: #fff; background: #5fa8f6;}

.mobile-level-button{ display: none; width: 46px; height: 40px; position: relative; }

.mobile-level-button::after { content: ''; border: solid #fff; position: absolute; right: 50%; top: 50%; margin-top: -6px; margin-right: -6px; border-width: 0 2px 2px 0;padding: 4px;transform: rotate(45deg);  -webkit-transform: rotate(45deg);}

.open > a span { color: #fff;}

.open .mobile-level-button::after { -webkit-transform:rotate(-135deg);transform:rotate(-135deg); margin-top: -2px;}

.nav li.active > a .mobile-level-button {border-color: #fff;}

.mobile { display: none;}

/* home */

.main { margin-top: 0px;}

.page-section {padding: 80px 0;}
.inline{display: inline-block}

.appli-market{
  height: 782px;
  width: 100%;
  position: relative;
}

.appli-market  .swiper-slide{
  position: relative;
  width: 100%;
  height: 782px;
}
.appli-market  .swiper-slide .bg{
  position: absolute;
  top:0
}
.appli-market .market-header h3.headline{
  padding-top: 80px;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
  padding-bottom: 10px;
}
.appli-market .market-header p.intro{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  color: #ffffff;
}
.appli-market .market-header{
  text-align: center;
  margin: 0px 160px 100px 60px;
  top: 10;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255, 0.2);
  padding-bottom: 40px;
}

.appli-market .market-info{
  margin-top: 60px;
}
.appli-market .market-info h3.headline{
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 4px;
  color: #ffffff;

}
.appli-market .market-info p.intro{
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.5;
}

.appli-market .more{
  height: 45px;
  border: solid 1px #ffffff;
  display: inline-block;
  margin-top: 55px;
  overflow: hidden;
}
.appli-market .more .link{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 1px;
  color: #ffffff;
  padding-left: 30px;
}
.appli-market .more .link span{
  width: 45px;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  border-left: 1px solid #fff;
  margin-left: 30px;
}
.appli-market .more .link .arrow-r{
  display: inline-block;
  width: 14px;
}
.appli-market-page{
  position: relative;
}
.appli-market .pagination{
  width: 260px;
  background: rgba(0,0,0,0.6);
  float: right;
  margin-top: 267px;
}
.appli-market .pagination .item{
  display: inline-block;
  height: 78px;
  width: 100%;
}
.appli-market .pagination .item.active{
  background: #1a6ccf;
}
.appli-market .pagination .item .item-line {
  margin: 0px 20px;
  height: 100%;
  border-bottom: 1px solid rgba(255,255,255, 0.2);
}
.item-line-none{
  border-bottom: none !important;
}
.appli-market .pagination .item  .car-icon{
  background: url('../images/car-icon.png') no-repeat 0 0;
  width: 26px;
  height: 19px;
  display: inline-block;
  margin: 0px 24px;
}
.appli-market .pagination .item  .enegy-icon{
  background: url('../images/enegy-icon.png') no-repeat 0 0;
  width: 26px;
  height: 26px;
  display: inline-block;
  margin: 0px 24px;
}
.appli-market .pagination .item  .phone-icon{
  background: url('../images/phone-icon.png') no-repeat 0 0;
  width: 17px;
  height: 26px;
  display: inline-block;
  margin: 0px 24px;
  margin-left: 28px;
}
.appli-market .pagination .item  .yiliao-icon{
  background: url('../images/yiliao-icon.png') no-repeat 0 0;
  width: 24px;
  height: 22px;
  display: inline-block;
  margin: 0px 24px;
  margin-left: 26px;
}
.appli-market .pagination .item  .other-icon{
  background: url('../images/other-icon.png') no-repeat 0 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0px 24px;
  margin-left: 26px;
}

.appli-market .pagination .item  .item-title{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
}
.appli-fixed{
  position: absolute;
  top:0;
  width: 260px;
  height: 100%;
  z-index: 1;
  bottom:0;
}

.section-product{ background: url('../images/product-bg.png') no-repeat 0 0 / cover; width: 100%; height: 901px}
.section-product .container{
  padding-top: 94px;
}
.section-product .accordion-item{
  width: 390px;
  height: 705px;
  position: relative;
}
.section-product .accordion-item:hover{
  cursor: pointer;
}
.section-product .accordion-item.active{

}

.section-product .accordion-item .bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  top:0;
  right:0;
  left:0;
  background-image: linear-gradient(
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0.5));
  background-blend-mode: normal,
  normal;
  display: none;
  z-index: 2;
}

.section-product .accordion-item.active .bg {
  display: block;
}

.section-product .accordion-item .headline{
  font-size: 32px;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
}
.section-product .accordion-item .subhead{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: rgba(255,255,255, 0.5);
  display: block;
}

.section-product .accordion-item .bottom{
  position: absolute;
  bottom: 30px;
  z-index: 3;
  width: 93.5%;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 50px;
}

.section-product  .section-product .accordion-item.active .more{
  display: inline-block;
}
.section-product .accordion-item.active .bottom{
  border-top: 1px solid rgba(229,237,247, 0.5);
}

.section-product .accordion-item.active .more{
  display: inline-block;
}

.section-product .more{
  height: 45px;
  overflow: hidden;
  background-color: #1a6ccf;
  display: none;
}
.section-product .more .link{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 1px;
  color: #ffffff;
  padding-left: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-product .more .link span{
  width: 45px;
  height: 45px;
  display: flex;
  text-align: center;
  line-height: 45px;
  border-left: 1px solid rgba(255,255,255,0.2);
  margin-left: 30px;
  justify-content: center;
  align-items: center;
}
.section-product .more .link .arrow-r{
  display: inline-block;
  width: 14px;
  height: 14px;
}

.section-product .items{
  position: relative;
  z-index: 2;
  display: none;
}
.section-product  .accordion-item.active .items{
  /*display: inline-block;*/
}

.section-product .items .item{
  width: 285px;
  float: left;
  padding-left: 24px;
  padding-top: 30px;
}
.section-product .items .item h2{
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
}

.section-product .items .item p{
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
}

.section-product .items .item span{
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
}


.section-contact{ background: url('../images/contact-bg.jpg') no-repeat 0 0 / cover; width: 100%; height: 250px; text-align: center}

.section-contact .headline h2{
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
}

.section-contact .subtitle{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
  padding-top: 12px;
}

.section-contact .cbtn{
  height: 46px;
  border-radius: 4px;
  border: solid 1px #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 44px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 35px;
  padding-left: 20px;
  padding-right: 20px;
}

.section-apply{
  background: url('../images/intro-bg.png') no-repeat 0 0 / cover; width: 100%; height: 795px;
}

.section-apply .headline h2{
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #000000;
  text-align: center;
  padding-bottom: 50px;
}

.apply-list .item .bottom { color: #fff; width: 100%; position: absolute;  top: 83%; text-align: left; z-index: 3;  font-size: 26px; left:22px;}
.section-apply .bottom .headline h4{
  font-size: 32px;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
}
.section-apply .bottom  .subhead{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: rgba(255,255,255, 0.5);
}
.apply-list .item .intro{
  display: none;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 30px 35px 40px 0px;
}

.apply-list .item { display: block; position: relative; height: 540px;}

.apply-list .item figure { position: relative;  overflow: hidden; margin-bottom: 20px;}

.apply-list .item figure img {position: relative; z-index: 1; }

.apply-list .item .overlay{  position: absolute; left: 0;top: 80%; z-index: 2;width: 100%; height: 100%;background: rgba(0,0,0,0); }

.apply-list .item h3 { color: #fff; width: 100%; position: absolute; left: 0; top: 83%; text-align: center; z-index: 3;  font-size: 26px;}

.apply-list .item .overlay,

.apply-list .item h3{-webkit-transition: all .5s ease; -moz-transition: all .5s ease;transition: all .5s ease;}

.apply-list .item:hover .overlay {
  top: 0;
  background-color: #2759c1;
  box-shadow: 0px 9px 13px 0px
  rgba(39, 89, 193, 0.25);
}
.apply-list .item:hover .intro {  display: block; }
.apply-list .item:hover .bottom {  top: 56px; }


.apply-list .item:hover h3 {  top: 0; top: 50%; margin-top: -18px; }

.apply-list .item p { line-height: 1.6; text-align: center; width: 80%; margin: 0 auto;}

.apply-list .item figure img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}

.apply-list .item:hover figure img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);}

.section-earth{
  background: url('../images/global-network-bg.png') no-repeat 0 0 / cover; width: 100%; height: 832px;
}
.section-earth .headline{
  text-align: center;
}
.section-earth .headline h2{
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
}

.section-earth .subtitle{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
  padding-top: 12px;
}
.section-earth ._3dearth{
  width: 598px;
  height: 598px;
  margin:  0 auto;
  z-index: 2;
}

.section-earth .items{
  position: absolute;
  top:165px;
  width: 100%;
}
.section-earth .items .item{
  padding-bottom: 125px;
  text-align: center;
}
.section-earth .items .icon{
  padding-bottom: 25px;
}
.section-earth .items .num{
  font-size: 72px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 4px;
  line-height: 80px;
  color: #ffffff;
  position: relative;
}
.section-earth .items .num .sup{
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 2px;
  color: #ffffff;
  position: absolute;
  top:-14px
}

.section-earth .items .intro{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
  opacity: 0.5;
}

/*------------- footer ---------------*/

.footer { background: #242933 ; color: #fff; }

.footer a {  color: #fff;}


.footer .footer-nav { margin-bottom: 25px; padding-top: 25px; width: 80%;}

.footer .footer-nav ul { display: flex; flex-wrap: wrap;}

.footer .footer-nav li { float:left;  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #ffffff;
  padding-right: 28px;
}
.footer-bottom{
  background: #353c4a;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 1px;
  color: #8a8f99;
}
.footer-bottom a{
  font-size: 14px;
  color: #8a8f99;
}
.footer-bottom p{
  padding: 20px 0px;
  text-align: center;
}

.footer .icons {
  position: relative;
}

.footer .icon {
  display: inline-block;
  margin-right: 15px;
}
.footer .qrcode img{
  width: 100px;
}
.footer .qrcode {
  position: absolute;
  top: -110px;
  left: 8%;
  transform: translateX(-50%);
}

.footer .qrcode2 {
  left: 14% !important;
  z-index: 999;
}

.footer .footer-bot { display: flex; }

.footer .footer-bot .footer-bot-left { flex: 1; line-height: 1.2; overflow: hidden;}

.footer .footer-bot .footer-bot-left p { margin-bottom: 20px;}

.footer .footer-bot .footer-bot-right { display: flex; }

.footer .footer-bot .footer-bot-right .item{
  width: 40px;
  height: 40px;
  background-color: #bdbfc2;
  border-radius: 40px;
}

.footer .footer-bot .footer-bot-right .wechat img{
  padding-top: 5px;
}

.footer .footer-bot .footer-bot-right .focus span{
  padding-left: 13px;
  padding-right: 19px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 35px;
  letter-spacing: 1px;
  color: #c2c5cc;
  white-space: nowrap;
}

/* section-news-list */

.section-breadcrumb-wrap{background-color: #F0F0F0;padding: 8px 29px;}

/* .section-breadcrumb{width: 100%;} */

.section-breadcrumb img{width: 24px;height: 24px;margin-right: 10px;}

.section-breadcrumb .breadcrumb-location{font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #666666;line-height: 30px}

.section-breadcrumb .breadcrumb-location a{color: #666;margin: 0 5px;}

.section-breadcrumb .breadcrumb-location a:hover{text-decoration: underline;}

.section-breadcrumb .breadcrumb-location .active_link{color:#0294D7;}

.section-news-list .news-list-content{margin: 50px 0 80px;background: #FFFFFF;}

.list-content-title-wrap{padding: 38px 0 0 26px;}

.list-content-title{position: relative;}

.list-content-title .content-title-text{border-bottom: 1px solid #EEEEEE;padding-bottom: 16px;font-size: 24px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;line-height: 30px;}

.list-content-title .content-title-text::after{width: 89px;height: 6px;background: #204C7A;content:'';position: absolute;bottom: 0;left: 0px;}

.section-news-list .news-list-content .news-list-item{padding: 33px 33px 33px 26px;border-bottom: 1px solid #EEEEEE;}

.section-news-list .news-list-content .news-list-item:last-child{border-bottom: none;}

.section-news-list .news-list-content .news-list-item .news-item-date{font-size: 22px;font-family: Microsoft YaHei;font-weight: 400;color: #999999;line-height: 30px;}

.section-news-list .news-list-content .news-list-item .news-item-info{margin-left: 22px;}

.section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text{font-family: Microsoft YaHei;font-weight: 400; line-height: 30px;}

.section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .info-text-title{font-size: 18px;color: #666666;}

.section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .maxWidth{max-width: 900px;}

.section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .info-text-content{font-size: 16px;color: #999999;margin-top: 19px;}

.section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .info-text-content .news-item-info-more a{color: #204C7A;font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;line-height: 21px;}

.section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .info-text-content .news-item-info-more a:hover{text-decoration: underline;}

.section-news-list .section-news-detail{margin: 50px 0 80px;background: #FFFFFF;padding: 49px 0 31px;}

.section-news-list .section-news-detail .news-detail-title{padding: 0 20px;font-size: 26px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;}

.section-news-list .section-news-detail .news-detail-info{padding: 0 20px 15px;margin-top: 20px;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #999999;line-height: 30px;}

.section-news-list .section-news-detail .news-detail-info span{margin-right: 29px;}

.section-news-list .section-news-detail .news-detail-info span:last-child{margin-right: 0;}

.section-news-list .section-news-detail .news-detail-content{font-size: 18px;font-family: Microsoft YaHei;font-weight: 400;border-top: 1px solid #F0F0F0;color: #333333;line-height: 40px;padding: 28px 31px 0 27px;}

/* section-contact-info */

.section-contact-info .contact-info-content{margin: 49px 0 80px;}

.section-contact-info .contact-info-content .content-form{background-color: #fff;padding: 30px;font-family: Microsoft YaHei;font-weight: 400;margin-top: 30px;}

.section-contact-info .contact-info-content .content-form .form-title{font-size: 24px;color: #204C7A;}

.section-contact-info .contact-info-content .content-form .form-tips{font-size: 18px;color: #666666;margin: 34px 0 19px;}

.section-contact-info .contact-info-content .content-form .form-group .form-tel{width: 480px;height: 120px;background: #FCFCFC;border: 1px solid #DADADA;}

.section-contact-info .contact-info-content .content-form .btn-wrap{width: 480px;}

.section-contact-info .contact-info-content .content-form .form-btn{background: #002A55;font-size: 22px;font-family: Microsoft YaHei;font-weight: 400;padding: 20px 50px;color: #FFFFFF;margin:30px 0 0 0px;display: inline-block;}

/* section-college-info */

.section-college-info .college-info{margin: 50px 0 79px;  font-family: Microsoft YaHei;font-weight: 400;color: #333333;line-height: 30px;}

.section-college-info .college-info .college-info-title{font-size: 26px;}

.section-college-info .college-info .college-info-text{font-size: 16px;text-indent: 2em;margin: 23px 0 32px;}

.section-college-info .college-info .college-info-img{height: auto;width:100%;}

/* section-education-info */

.section-education-info .education-info-content{margin: 51px 0 80px;}

.section-education-info .education-info-content .education-table-content{margin-top: 30px; font-family: Microsoft YaHei;font-size: 22px;font-weight: 400;}

.section-education-info .education-info-content .education-table-content .table-content-header .table-header-item{padding: 24px 0;color: #FFFFFF;border-right: 1px solid #F6F6F6;;border-bottom : 1px solid #F6F6F6;}

.section-education-info .education-info-content .education-table-content .table-content-header .table-header-item:first-child{width: 257px;}

.section-education-info .education-info-content .education-table-content .table-content-header .table-header-item:nth-child(n){background-color: #204C7A;}

.section-education-info .education-info-content .education-table-content .table-content-header .table-header-item:nth-child(2n){background-color: #487CB2;}

.section-education-info .education-info-content .education-table-content .tbwd257{width: 257px;}

.section-education-info .education-info-content .education-table-content .tbwd147{width: 147px;}

.section-education-info .education-info-content .education-table-content .tbwd187{width: 187px;}

.section-education-info .education-info-content .education-table-content .tbwd160{width: 160px;}

.section-education-info .education-info-content .education-table-content .table-content-body{background-color: #fff;border-bottom: 1px solid #f6f6f6;}

.section-education-info .education-info-content .education-table-content .table-content-body:last-child{border-bottom: none;}

.section-education-info .education-info-content .education-table-content .table-content-body .table-body-item{padding: 24px 0;color: #333333;background-color: #fff;border-right: 1px solid #F6F6F6;}

/* section-profession-info */

.section-profession-info .profession-info-content{margin: 49px 0 80px;}

.section-profession-info .profession-info-content .profession-list-content{margin-top: 30px;}

.section-profession-info .profession-info-content .profession-list-content .profession-list-item{ margin-bottom: 30px;background-color: #fff;font-family: Microsoft YaHei;font-weight: 400;color: #333333;}

.section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-title{position: relative;border-bottom: 1px solid #f6f6f6;padding: 24px 38px 23px;font-size: 22px;line-height: 22px;}

.section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-title::after{content: '';position: absolute;width: 10px;height: 70px;background: #204C7A;left: 0;top: 0;}

.section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-content{padding: 0px 68px;}

.section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-content .profession-item-info{margin-right: 80px;font-size: 18px;padding: 36px 0;}

.section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-content .profession-item-info:last-child{margin-right: 0px;}

/* section-collegeSchool-info */

.section-collegeSchool-info .collegeSchool-info-content{margin: 51px 0 67px;}

.section-collegeSchool-info .collegeSchool-info-content .education-list{margin-top: 40px;}

.section-collegeSchool-info .collegeSchool-info-content .education-list .row li{margin-bottom: 13px;}

/*------------- mobile nav ---------------*/

.icon-nav {display: none; width: 24px; height: 24px; }

.hamburger{display:flex;padding-top:0;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;}

.hamburger .icon-bar{display:block;margin:3px auto;width:22px;height:2px;border-radius:2px;background:#333;}

.hamburger-popup{position:fixed;top:0;right:0;z-index:10;width:0;height:100%;background:rgba(0,0,0,.5);transition:all .2s ease-out .2s;flex-direction:column;}

.hamburger-popup.show-popup{display:block;width:240px;height:100%;background:rgba(0,0,0,.5);transition:all .2s ease-out .2s;flex-direction:column;}

.navbar-show-shadow { display: none;}

.navbar-show .navbar-show-shadow{position:fixed;top:0;left:0;z-index:998;display:block;width:100%;height:100%;background:rgba(0,0,0,.3);}

.mobile-nav-close{display:block; float: right; margin-right: 12px; width: 24px;height:24px;background:url('../images/icon-close@2x.png') no-repeat 50% 50% / 24px auto;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-transition-delay:.5s;transition-delay:.5s;}

.navbar-show .mobile-nav-close{opacity:1;}

.mobile-nav { display: none; padding-top: 12px;}



@media (max-width: 1199px){

  /* container */

  .container { width: 100%; padding: 0 15px;}

  .fz-30 { font-size: 26px;}

  .fz-28 { font-size: 24px;}

  .nav .container { padding: 0;}

  .promote { padding-top: 31px;}

  .promote .promote-group {  margin-top: -31px;}

  .promote .promote-group .flipper { width: 174px; height: 200px;}

  .promote .promote-group .flipper .caption i {width: 50px; height: 50px;}

  .promote .promote-group .flipper .back { margin-top: -14px; font-size: 24px; }

  .promote .promote-group .hexagon { position: relative; width: 100px; height: 174px; margin:13px 0 0 37px; }

  .promote .promote-group .hexagon:before { right:100px; border-width: 87px 50px;}

  .promote .promote-group .hexagon:after {  left:100px; border-width: 87px 50px; }

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .maxWidth{max-width: 800px;}

  .section-education-info .education-info-content .education-table-content{overflow-x: scroll;}

  .section-education-info .education-info-content .education-table-content .table-content-header{width: 1191px;}

  .section-education-info .education-info-content .education-table-content .table-content-body{width: 1191px;}

}



@media (max-width: 1023px){



  .logo { width: 127px; height: 37px; }

  .header { height: 60px;}

  .header.fixed {animation-name: none;}

  .header .header-top .container { padding-top: 19px; padding-bottom: 19px;}

  .header .header-top .container .phone { display: none;}

  .icon-nav { display: block; position: fixed; right: 15px; top: 15px;}

  .nav{position:fixed;top:0;right:-100%;bottom:0;z-index:2000;display:block;overflow:auto;padding:0 0 40px;width:80%;height:100%;border:0;background:rgba(32, 76, 122, 0.9);-webkit-transition:right .5s ease;transition:right .5s ease;-ms-transition:right .5s ease;}

  .navbar-show .nav{right:0;}

  .mobile-nav {display: block;overflow: hidden;}

  .mobile-level-button { display: block;}

  .nav ul{display:block;padding-top:12px;}

  .nav li { display: flex; align-items: center; flex-wrap: wrap;}

  .nav li > a{ padding:10px 20px; text-align: left; line-height: 20px; color: #fff; font-size:14px; flex: 1; }

  .nav li:hover a,

  .nav li.active a {color: #fff; font-weight: bold; border-bottom: 0; background: transparent; }



  .submenu-box {display: none; position: static;  -webkit-transform:none; transform: none;}

  .submenu { background-color: transparent;}

  .submenu dd a { text-align: left; padding-left: 32px;}

  .main { margin-top: 60px;}



  .fz-30 { font-size: 20px;}

  .fz-28 { font-size: 18px;}

  .headline h2 { font-size: 26px;}

  .service-list li .caption h3 { font-size: 26px;}

  .headline .subtitle { font-size: 36px;}

  .desktop { display: none;}

  .mobile { display: block;}

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .maxWidth{max-width: 600px;}





}

@media (max-width: 850px){

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .maxWidth{max-width: 450px;}

}

@media (max-width: 767px){

  .fz-30 { font-size: 18px;}

  .fz-20 { font-size: 16px;}

  .fz-18 { font-size: 14px;}

  .fz-16 { font-size: 13px;}

  .mb-50 { margin-bottom: 25px;}

  .page-section { padding: 30px 0;}

  .headline h2 { margin-bottom: 8px; font-size: 20px;}

  .headline .subtitle { font-size: 26px; margin-bottom: 15px;}

  .service-list ul { margin-left: -5px; margin-right: -5px;}

  .service-list li { width: 50%; padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}

  .service-list li .caption h3 { font-size: 22px; margin-bottom: 10px;}

  .education-list .row { margin-left: -5px; margin-right: -5px;}

  .education-list li { width: 50%; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}

  .education-list li .overlay { display: none; }

  .education-list li .caption { position: static; padding: 15px 0 0;}

  .education-list li .caption h3 { line-height: 20px; overflow: visible; font-size: 20px;}

  .education-list li .item:hover figure img{ -webkit-transform:none;-moz-transform:none;;transform:none;}

  .education-list li .item:hover .caption h3 { padding-top: 0;}

  .education-list li .caption p { text-indent: 28px;}

  .btn {margin: 0 auto; height: 40px; line-height: 40px; font-size: 14px; width: 140px;}

  .btn .arrow { width: 20px; height: 20px; background-size: 20px auto;}

  .btn:hover .arrow {background-position: 0 -20px;}

  .major-list .col-xs-2 {width: 100%; display: flex; align-items: center; margin-bottom: 10px;}

  .major-list li .item { opacity: 1; width: 50%;}

  .major-list li .caption { width: 50%; position: static;-webkit-transform: none; transform: none; }

  .major-list li .item a { font-size: 14px; line-height: 36px;}

  .major-list li .item .bot .more { font-size: 15px;}

  .major-list li .item .bot .more .arrow {width: 20px; height: 20px; background-size: 20px auto; background-position: 0 -20px;}

  .promote { padding-top: 0; margin-bottom: 20px;}

  .headline .subtitle.fz-36 { font-size: 26px;}

  .apply-list .col-xs-4 { width: 100%;}

  .apply-list .item { margin-bottom: 15px;}

  .apply-list .item figure { margin-bottom: 5px;}

  .apply-list .item figure img { margin: 0 auto 10px;}

  .apply-list .item .overlay { display: none;}

  .apply-list .item h3 { position: static; color: #333; font-size: 22px;}

  .apply-list .item:hover figure img { -webkit-transform:none;-moz-transform:none;;transform:none;}

  .apply-list .item:hover h3 { margin-top: 0;}

  .consult { width: 100%; margin: 0;}

  .consult a { display: block; border: 0;}

  .consult .consult-text{border:#204C7A solid 1px; margin-bottom: 10px;}

  .consult .consult-btn { width: 100%;}

  .news-list .row { margin-bottom: -15px;}

  .news-list .col-xs-6 { width: 100%; margin-bottom: 15px;}

  .news-list .box { padding: 15px;}

  .news-list .box dt h3 {  font-size: 18px;}

  .news-list .box dd a { font-size: 14px; padding: 7px 0;}



  .contact { display: block; padding-top: 0;}

  .contact .contact-text { width: 100%; margin-bottom: 15px;}

  .contact .contact-form { width: 100%;}

  .contact .page-form .form-group { margin-bottom: 15px;}

  .contact .page-form .cancel-btn,

  .contact .page-form .submit-btn { width: 48%; font-size: 14px;}



  .footer { padding: 30px 0;}

  .footer .footer-bot { display: block;}

  .footer .footer-nav { margin-bottom: 10px;}

  .footer .footer-nav li { padding: 0 5px; flex: none; font-size: 14px; margin-bottom: 5px;}

  .footer .footer-bot .footer-bot-left { line-height: 1.4;}

  .footer .footer-bot .footer-bot-left p { margin-bottom: 10px;}

  .footer .footer-bot .footer-bot-right { justify-content: center; padding-top: 10px;}

  .section-breadcrumb-wrap{justify-content: center;}

  .section-breadcrumb{justify-content: center;}

  .section-breadcrumb .breadcrumb-location{flex-wrap: wrap;flex: 1;}

  .section-news-list .news-list-content .news-list-item{flex-direction: column;align-items: baseline;padding: 20px;width: 100%;}

  .section-news-list .news-list-content .news-list-item .news-item-info{margin-left: 0;width: 100%;}

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text{width: 100%;}

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .maxWidth{max-width: 100%;}

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .info-text-title{margin: 10px 0;}

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .info-text-content{flex-direction: column;align-items: initial;margin-top: 0;}

  .section-news-list .news-list-content .news-list-item .news-item-info .news-item-info-text .info-text-content .news-item-info-more{margin-top: 10px;;text-align: right;}

  .section-collegeSchool-info .education-list li .caption{color: #333;}

  .section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-content{padding: 0 30px 0 38px;}

  .section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-content .profession-item-info{margin-right: 40px;padding: 20px 0;}

}

@media (max-width: 550px){

  .section-contact-info .contact-info-content .content-form .form-group .form-tel{width: 100%;}

  .section-contact-info .contact-info-content .content-form .btn-wrap{width: 100%;}

}

@media (max-width: 414px){

  .section-profession-info .profession-info-content .profession-list-content .profession-list-item .profession-item-content .profession-item-info{margin-right: 20px;}

  .section-education-info .education-info-content .education-table-content{font-size: 18px;}

  .section-education-info .education-info-content .education-table-content .tbwd257{width: 157px;}

  .section-education-info .education-info-content .education-table-content .tbwd147{width: 107px;}

  .section-education-info .education-info-content .education-table-content .tbwd187{width: 147px;}

  .section-education-info .education-info-content .education-table-content .tbwd160{width: 120px;}

  .section-education-info .education-info-content .education-table-content .table-content-body{width: 800px;}

  .section-education-info .education-info-content .education-table-content .table-content-body .table-body-item{padding: 16px 0;}

  .section-education-info .education-info-content .education-table-content .table-content-header{width: 800px;}

  .section-education-info .education-info-content .education-table-content .table-content-header .table-header-item{padding: 16px 0;}

  .section-education-info .education-info-content .education-table-content .table-content-header .table-header-item:first-child{width: 157px;}

}

.equipment-img{width: 78%!important;}

/*新加样式*/
.img-device{left: 50%;
  margin-left: -960px;
  position: relative;vertical-align: middle;}
.device{margin-bottom: 200px;}
.device h3{font-size: 40px;font-weight: bold;color: #121f26;text-align: center;letter-spacing: 8px;margin-top: 80px;}
.icon-device{background: url("../images/icon-device.png") no-repeat;width: 35px;height: 34px;display: inline-block;margin-right: 25px;}
.device p{color: #a0a5a8;font-size: 14px;text-align: center;margin-top: 10px;padding-bottom: 45px;}
.device .title{border-bottom: 1px solid #c8cbcc;}
.device .mySwiper{margin-top: 75px;}
.device .swiper-slide img{width: auto;height: auto;}
.device .swiper-button-next, .device .swiper-button-prev{width: 86px;height: 86px;border-radius: 50%;background: #caddec;color: #2c4a63;font-weight: bold;}

.device .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .device .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: 11px;height: 11px;border: 1px solid #666;background: none;margin: 0 6px;}
.device .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 13px;height: 13px;background: #042541;border: 0;position: relative;top: 1px;}
.device .swiper-css-mode>.swiper-wrapper>.swiper-slide{background: none;padding-bottom: 90px;}
.device  .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.logo img{position: relative;top: -6px;}
.device .swiper-button-next,.device  .swiper-button-prev{top: 40%;}
.news-list-con ul li a{display: block;background: #fff;padding:30px;border-radius: 15px;padding-top: 0;}
.news-list-con ul .top a{padding: 30px;}
.news-list-con ul .top img{width: 100%;height: 260px;}
.news-list-con{margin-top: 70px;}
.news-list-con a h6{font-weight: bold;color: #121f26;font-size: 20px;border-bottom: 1px solid #d5d5d5;line-height: 90px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-list-con ul .top a{width: 600px;}
.news-list-con ul li p{font-size: 14px;color: #121f26;text-align: left;line-height: 24px;opacity: 0.8;padding-bottom: 0px;margin-top: 20px;}
.news-list-con ul li p{display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.news-list-con ul .top p{
  -webkit-line-clamp: 3;}
.news-list-con ul li span{color: #121f26;opacity: 0.6;font-size: 14px;display: block;margin-top: 20px;}
.news-list-con ul .top{display: flex;}
.news-list-con ul li a:hover h6{color: #1554e4;}
.news-list-con a img{border-radius: 15px;}
.news-list-con ul .top{border-radius: 15px;background: #fff;}
.news-list-con ul .top a{background: none;}
.news-list-con ul li{margin-bottom: 30px;}
.news-list-con ul li{display: flex;justify-content: space-between;}
.news-list-con ul li a{width: 585px;}
.page a{width: 38px;line-height: 23px;border: 1px solid #a7a7a7;display: inline-block;text-align: center;border-radius: 20px;color: #000;margin: 0 6px;}
.page a.current{background: #353c4a;color: #fff;border: 0;}
.page{margin-top: 60px;display: flex;justify-content: center;}
.news-detail .border h3{font-weight: bold;color: #121f26;text-align: center;width: 887px;margin: 0 auto;padding-top: 160px;letter-spacing: 8px;font-size: 40px;}
.news-detail{background: #fff;padding-bottom: 150px;padding-left: 30px;padding-right: 30px;}
.news-detail .border strong{font-size: 22px;color: #121f26;opacity: 0.7;text-align: center;display: block;margin-top: 17px;}
.news-detail .border{border-bottom: 1px solid #ccc;margin: 0 auto;padding-bottom: 20px;}
.news-detail img{max-width: 100%;}
.news-detail-page{margin-bottom: 0;}
.apply-market .tabs ul li a{font-size: 26px;color: #3c3c3c;height: 86px;display: flex;align-items: center;cursor: pointer;}
.tabs-sub-manage ul li a{cursor: pointer;}
.tabs-sub ul li a{cursor: pointer;}
.tabs-sub ul li{width: 85px;height:104px;padding-top:13px;text-align: -webkit-center;}
.tabs-sub ul li.current1{padding-top:0;}
.apply-market .tabs{background: #fff;}
.apply-market .tabs ul{display: flex;align-items: center;height: 86px;justify-content: space-around;}
.apply-market .tabs ul .current a{color: #1554e4;border-bottom: 2px solid #0000ff;}
.apply-market .tab-content h6{color: #121f26;font-weight: bold;font-size: 20px;}
.apply-market .tab-content strong{font-size: 14px;text-transform: uppercase;color: #121f26;opacity: 0.5;}
.right-border{border-left: 1px solid #f4f5f5;height: 148px;width: 330px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;}
.apply-market .tab-content ul li a{display: flex;align-items: center;background: #fff;}
.apply-market .tab-content .container{width: 930px;}
.apply-market .tab-content ul{margin-top: 100px;}
.apply-market .tab-content ul li a{margin-top: 20px;}
.icon-car{background: url("../images/icon-car.png") no-repeat;width: 42px;height: 31px;}
.icon-others{background: url("../images/icon-others.png") no-repeat;width: 30px;height: 30px;}
.icon-news{background: url("../images/icon-news.png") no-repeat;width: 33px;height: 33px;}
.apply-market .car-intro .container{width: 1390px;}
.icon-medical{background: url("../images/icon-ylsb.png") no-repeat;width: 32px;height: 32px;}
.tab-medical .right-border{width: 370px;}
.icon-xny{background: url("../images/icon-xny.png") no-repeat;width: 33px;height: 33px;}
.tab-content .company-profile  h6{font-size: 32px;color: #333;border-bottom: 1px solid #ccc;margin-bottom: 20px;letter-spacing: 5px;}
.company-profile h6 span{font-weight: bold;color: #333;opacity: 0.5;display: block;font-size: 24px;text-transform: uppercase;padding-bottom: 15px;letter-spacing: 0;}
.company-profile .col-xs-6{width: 570px;padding: 0;}
.apply-market .company-profile .container{width: 1200px;}
.company-profile p{font-size: 16px;color: #464646;text-align: justify;line-height: 28px;padding-bottom: 30px;}
.company-profile .container{display: flex;align-items: center;justify-content: space-between;}
.company-profile{background: #fff;padding: 100px 0;}
.about-us .tabs{border-bottom: 1px solid #e0e0e0;}
.company-profile2{background: #f9f9f9;}
.about-us{margin-bottom: 0;}
.company-profile3{padding-bottom: 100px;}
.company-profile2 .col-xs-6{width: 600px;}
.company-profile3 .container{align-items: self-end;}
.join-us{margin-bottom: 200px;}
.join-us .container li h5{font-size: 37px;color: #595959;background:-webkit-gradient(linear,0 0,0 100%,from(#f8fafd),to(#fdfefe));padding: 12px 0 12px 26px;}
.join-us .container li{background: #fff;width: 468px;border-radius: 8px;padding: 15px 20px 15px 0;position: relative;margin-top: 65px;}
.icon-xl{background: url("../images/icon-xl.png") no-repeat;width: 23px;min-width: 23px;height: 19px;display: inline-block;}
.join-us .container li p span{font-size: 20px;color: #747474;display: flex;align-items: center;max-width: 33.33%;}
.join-us .container li span i{margin-right: 6px;}
.join-us .container li p{display: flex;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #cccc;margin: 0 30px;margin-top: 15px;}
.icon-nx{background: url("../images/icon-nx.png") no-repeat;width: 21px;height: 21px;display: inline-block;min-width: 21px;}
.icon-dz{background: url("../images/icon-dz.png") no-repeat;width: 17px;height: 22px;display: inline-block;min-width: 17px;}
.join-us .container li a{font-weight: bold;color: #70a3e1;font-size: 17px;padding: 40px 0 20px 30px;display: block;}
.join-us .img-s{position: absolute;right: 46px;bottom: 15px;}
.join-us .container ul{display: flex; justify-content: space-between;
  flex-wrap: wrap;}
.join-us .container{width: 1016px;}
#dialog_name{color: #595959;font-size: 38px;}
.name-title{display: flex;align-items: center;}
.welfare span{font-size: 20px;color: #1a6ccf;background: #e8f0fa;font-weight: normal;padding: 1px 15px;border-radius: 4px;margin: 0 10px;}
.position-info{padding: 40px 30px 60px 30px;border-radius: 8px;margin: 0 auto;}
.name-title{display: flex;justify-content: space-between;padding: 0 20px;}
.pop{margin-top: 30px;}
.icon-xl2{background: url("../images/icon-bk2.png") no-repeat;width: 24px;height: 20px;}
.icon-nx2{background: url("../images/icon-nx2.png") no-repeat;width: 22px;height: 22px;}
.icon-dz2{background: url("../images/icon-ad2.png") no-repeat;width: 18px;height: 22px;}
.ask i{display: inline-block;margin-right: 10px;}
.ask span{display: flex;align-items: center;margin-right: 50px;font-size: 28px;color: #747474;}
.ask{display: flex;align-items: center;padding-left: 23px;margin-top: 26px;}
.responsibility{border-top: 1px solid #ccc;width: 911px;margin: 40px auto 0 auto;padding-top: 10px;}
.responsibility h4{color: #3c3c3c;font-size: 28px;margin-top: 45px;}
.border-none{border: 0;}
.btn-gt{background: #1a6ccf;color: #fff;width: 172px;line-height: 52px;border-radius: 30px;font-size: 14px;display: block;text-align: center;margin: 40px 0 0 30px;}
.btn-gt span{border-left: 1px solid #4889d9;line-height: 52px;display: inline-block;width: 52px;text-align: center;float: right;}

.sub-company p{font-size: 16px;color: #343434;text-align: left;margin: 0;line-height: 31px;padding-bottom: 30px;}
.sub-company .sub-com-intro .container{width: 1065px;margin: 0 auto;}
.sub-com-intro{background: #fff;}
.sub-com-intro{padding: 65px 0;}
.contact-info li{width: 230px;}
.sub-company .sub-com-intro ul{margin: 0;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 55px;}
.sub-company .sub-com-intro ul li a{position: relative;margin-top: 14px;}
.sub-company .sub-com-intro ul li img{vertical-align: middle;}
.equ-intro h5{font-size: 50px;font-weight: bold;color: #fff;}
.equ-intro p{font-size: 23px;color: #fff;}
.sub-company .sub-com-intro ul li{width: 525px;}
.equ-intro {position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;}
.company-info{background: #f4f4f4;}
.company-info h4{color: #121f26;font-weight: bold;font-size: 28px;text-align: center;padding-top: 80px;}
.company-info p{font-size: 20px;color: #121f26;text-align: center;margin-top: 15px;}
.company-info ul li span{display: block;font-size: 24px;margin-top: 5px;}
.company-info ul li img{margin-bottom: 10px;}
.company-info ul li span.phone{color: #121f26;font-size: 17px;letter-spacing: 4px;margin: 20px 0 15px 0;}
.sub-company .company-info  ul{display: flex;padding-bottom: 60px;
  text-align: center;
  justify-content: space-between;border-bottom: 1px solid #c3c3c3;margin-top: 80px;}
.vicinity p{font-size: 14px;color: #6c6c6c;text-align: left;}
.vicinity{background: #fff;padding: 50px 0 80px 0;}
.company-info ul:last-child{border: 0;}
.tab-content .company-profile h6 img{margin-bottom: 30px;}
.tab-content .company-profile h6{margin-bottom: 35px;}
.company-profile4 .container {
  align-items: self-end;
}
.events{background: url("../images/timeline_bg.jpg") no-repeat;height: 1092px;background-position: center;}
.tabs-sub-bg{background: url("../images/timeline_btn_bg.png") no-repeat;height: 13px;background-position: center;position: relative;
  top: 117px;background-position-x: -20px;}
main{overflow-x: hidden;}
.events .tabs-sub ul li a{width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #333;background: url("../images/img-mini-radius.png") no-repeat;line-height: 15px;}
.events .tabs-sub ul{margin-top: 0;display: flex;align-items: center;justify-content: space-around;position: relative;top: 48px;}
.events .tabs-sub ul li.current1 a{background: url("../images/img-mini-radius-current.png") no-repeat;width: 84px;height: 84px;color: #fff;font-size: 15px;line-height: 17px;}
.events-one .time{font-size: 32px;color: #fff;}
.events-one .con{font-size: 16px;color: #fff;line-height: 26px;}
.events-one{width: 242px;position: relative;top: 659px;}
.events-one p{text-align: left;padding: 0;}
.events-two{top: 24px;left: 260px;width: 234px;}
.events-three{left: 793px;top: -169px;}
.events-four{top: 207px;left: 522px;}
.icon-product{background: url("../images/icon-product.png") no-repeat;width: 31px;height: 35px;display: inline-block;}
.pro-list ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.pro-list ul li{margin-top: 15px;}
.pro-list .container{width: 1180px;}
.pro-list{margin-top: 165px;}
.contact-us .company-map .container{width: 1200px;background: #fff;text-align: center;padding: 20px 0 15px 0;}
.contact-us .company-map{margin-top: 83px;}
.company-info .title-contact{font-size: 30px;color: #121f26;text-align: center;border-bottom: 1px solid #ccc;padding: 31px 0;margin: 0 20px;}
.contact-us .sub-company .company-info ul{justify-content: space-around;margin: 70px 20px 0 20px;}
.company-contact .container{background: #fff;margin-top: 36px;}
.fill-per-info label{font-size: 22px;color: #5e5e5e;position: absolute;letter-spacing: 3px;margin-left: 7px;}
.fill-per-info .input-row{position: relative;left: 20px;margin-top: 48px;}
.fill-per-info .input-row input{border: 0;border-bottom: 1px solid #ccc;width: 300px;padding: 11px 0 11px 65px;font-size: 16px;}
.fill-per-info .col-xs-3{padding: 0;width: 300px;}
.contact-us .tab-content{overflow: hidden;}
.fill-per-info{display: flex;justify-content: space-between;padding-bottom: 57px;}
.fill-per-info .col-xs-9{width: 782px;margin-top: 36px;}
.fill-per-info .col-xs-9 textarea{width: 752px;height: 263px;border: 1px solid #ccc;margin-top: 15px;padding: 10px 15px;font-size: 16px;}
.fill-per-info .col-xs-9 label{position: inherit;display: block;margin: 0;}
.btn-submit{width: 161px;height: 45px;line-height:45px;background: #1a6ccf;color: #fff;font-size: 14px;display: block;letter-spacing: 5px;margin-top: 13px;text-align: center;}
.btn-submit span{width: 41px;display: flex;align-items: center;justify-content: center;border-left: 1px solid #4889d9;height: 45px;float: right;}
.icon-dzq{background: url("../images/icon-xfdz.png") no-repeat;width: 20px;height: 31px;display: inline-block;}
.consumer-elec{text-align: center;margin-top: 100px;}
.tabs-sub-manage ul li a{font-size: 18px;color: #3c3c3c;line-height: 58px;width: 280px;display: flex;justify-content: center;align-items: center;}
.tabs-sub-manage ul li.current-manage a{color: #1554e4;background: #f4f4f4;}
.tabs-sub-manage{background: #fff;}
.tab-content .tabs-sub-manage ul i{margin-right: 23px;display: inline-block;}
.tab-content .tabs-sub-manage ul{margin: 0;display: flex;justify-content: space-around;}
.icon-zltxrz{background: url("../images/icon-zltxrz.png") no-repeat;width: 17px;height: 19px;}
.icon-hjtxrz{background: url("../images/icon-hjtxrz.png") no-repeat;width: 18px;height: 18px;}
.icon-zlhjfz{background: url("../images/icon-zlhjfz.png") no-repeat;width: 21px;height: 20px;}

.tabs-sub-manage ul li.current-manage  .icon-zltxrz{background: url("../images/icon-zltxrz-current.png") no-repeat;width: 17px;height: 19px;}
.tabs-sub-manage ul li.current-manage  .icon-hjtxrz{background: url("../images/icon-hjtxrz-current.png") no-repeat;width: 18px;height: 18px;}
.tabs-sub-manage ul li.current-manage  .icon-zlhjfz{background: url("../images/icon-zlhjfz-current.png") no-repeat;width: 21px;height: 20px;}
.envi-policy{background: url("../images/img-zlfz.jpg") no-repeat;height: 1079px;background-position: center;}
.quality-title h5{font-size: 40px;font-weight: bold;text-align: center;color: #1554e4;display: flex;align-items: center;justify-content: center;letter-spacing: 5px;}
.icon-zlfz{background: url("../images/icon-zlfz.png") no-repeat;width: 34px;height: 37px;display: inline-block;margin-right: 25px;}
.quality-title span{font-size: 14px;color: #121f26;text-transform: uppercase;letter-spacing: 0;opacity: 0.5;display: block;margin-top: 10px;}
.quality-title{text-align: center;padding-top: 105px;}
.advantage{width: 536px;float: right;margin-top: 68px;}
.adv-list h4{font-weight: bold;font-size: 22px;letter-spacing: 3px;border-bottom: 1px solid #bebebe;padding-bottom: 9px;display: flex;align-items: center;position: relative;    margin-left: 22px;}
.icon-jyqj{background: url("../images/icon-jyqj.png") no-repeat;width: 31px;height: 25px;display: inline-block;    position: absolute;
  left: -40px;
}
.adv-list p{text-align: left;font-size: 16px;color: #121f26;padding-left: 22px;line-height: 30px;}
.icon-jcfw{background: url("../images/icon-jcfw.png") no-repeat;}
.icon-jxyz{background: url("../images/icon-jxyz.png") no-repeat;}
.icon-jxzb{background: url("../images/icon-jlzb.png") no-repeat;}
.icon-jzjs{background: url("../images/icon-jzjs.png") no-repeat;}
.tab-content-manage .envi-policy .container{width: 1180px;}
.quality-policy{background: #fff;}
.quality-policy h3{font-size: 40px;font-weight: bold;color: #0000ff;}
.icon-hjfz{background: url("../images/icon-hjfz2.png") no-repeat;width: 37px;height: 35px;display: inline-block;margin-right: 30px;}
.quality-policy span{display: block;text-align: center;font-size: 14px;color: #121f26;opacity: 0.5;margin-top: 13px;}
.quality-policy{padding-top: 34px;}
.tab-content-manage .swiper{padding-top: 80px;}
.tab-content-manage{background: #f4f4f4;}
.tab-content-manage .swiper.mySwiper{width: 1060px;margin: 0 auto;}
.tab-content-manage .swiper.mySwiper1{width: 1060px;margin: 0 auto;}
.device .tab-content-manage .swiper.mySwiper .swiper-slide img{width: 100%;}
.device .tab-content-manage .swiper.mySwiper1 .swiper-slide img{width: 100%;}
.device .tab-content-manage .swiper.mySwiper .swiper-slide-thumb-active img{width: 120%;}
.device .tab-content-manage .swiper.mySwiper1 .swiper-slide-thumb-active img{width: 120%;}
.swiper-free-mode>.swiper-wrapper{display: flex;align-items: center;justify-content: center;}
.device .tab-content-manage .swiper.mySwiper{padding-bottom: 150px;}
.device .tab-content-manage .swiper.mySwiper1{padding-bottom: 150px;}
.tab-content-manage .swiper-slide{background: #f4f4f4;}
.envi-policy-con h4{font-size: 22px;color: #121f26;font-weight: bold;margin-top: 65px;min-height: 60px;}
.envi-policy-con .xs-3{width: 326px;height:600px;text-align: center;margin-right: 40px;margin-left: 40px;}
.envi-policy-con .xs-4{width: 465px;text-align: center;position: relative;margin: 0 30px;}
.envi-policy-con{padding: 83px 0 0 0;}
.envi-policy-con .xs-4 p{font-size: 15px;color: #121f26;width: 264px;line-height: 30px;margin: 0 auto;position: absolute;left: 0;right: 0;margin-top: 25px;}
.envi-policy-con{display: flex;align-items: center;justify-content: space-around;}
.envi-policy-con .xs-4 h4{margin-top: 30px;}
.car-intro{margin-top: 51px;}
.modal-dialog{width: 1027px;}
button.close{opacity: 1;padding-right: 20px;padding-top: 7px;}
.equipment-one a{display: inline-block;width: 311px;height: 66px;cursor: pointer;}
.carMarketing{position: relative;}
.equipment-one{position: absolute;left: 0;right: 0;width: 300px;height: 50px;top: 155px;}
.apply-market .modal .modal-body img{width: 100%;}
.equipment-two{top: 258px;}
.equipment-three{top: 365px;}
.equipment-four{top: 477px;}
.equipment-five{top: 578px;}
.equipment-six{top: 680px;}
.equipment-seven{top: 783px;}

.elec-one{left: 540px;top: 53px;}
.elec-two{top: 135px;}
.elec-three{top: 218px;}
.elec-four{top: 300px;}
.elec-five{top: 383px;}
.elec-six{top: 466px;}
.elec-seven{top: 551px;}
.elec-eight{top: 636px;}

.car-intro{overflow: hidden;}
.car-intro .modal-dialog{background: none;width: 750px;
  margin: 0 auto;
  overflow: hidden;}
.car-intro .modal-content{background: none;text-align: center;box-shadow: none;border: 0;border-radius: 0;}
.car-intro .modal{top: 20%;}


@media (max-width: 375px){

  .section-breadcrumb-wrap{padding: 10px 15px;}

}

@media screen and (min-width: 2000px) {
  .appli-market .swiper-slide .bg{width:100%;}
  .shida .right-banner{width: 100%;height: 100%;}
  .right-banner img{width: 100%;height: 100%;object-fit: cover;}
}



.mask {
	position: fixed;
	background-color: #000000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 998;
}

.loading {
	background: url(../images/loading.gif) no-repeat;
	background-size: contain;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
    margin-left: -40px;
    left: 50%;
}


.app-market .tab-content{
  padding-left: 100px;
  padding-right: 100px;
}


/* 英文 */
.en .nav li > a{
  font-size: 15px;
}

.en .appli-market .pagination .item .item-line{
  margin: 0;
}

.en .item-line i{
  width: 28px!important;
}

.en .appli-market .pagination .item .item-title{
  font-size: 16px;
  width: 185px;
}

.en .apply-list .item .intro {
  letter-spacing: 0px;
  line-height: 16px;
  font-size: 13px;
}

.en .section-apply .bottom .headline h4{
  font-size: 26px;
  letter-spacing: 0;
}

.en .apply-market .tabs ul li a{
  font-size: 20px;
}

.en .tabs-sub-manage ul li a{
  font-size: 14px;
}

.en .company-profile p {
  font-size: 14px;
  line-height: 22px;
}

.en .adv-list p {
  font-size: 14px;
  line-height: 20px;
}

.en .envi-policy-con h4 {
  font-size: 16px;
  margin-top: 25px;
}

.en .logo{
  margin-top: 23px;
}

.en .nav li > a {
  padding: 10px 12px;
}

.en .footer .footer-nav li{
  font-size: 14px;
}

.en .btn-gt{
  width: 300px;
}

.en .fill-per-info label {
  font-size: 16px;
  letter-spacing: 0;
  margin-left: 0px;
}

.en .fill-per-info .input-row input{
  padding: 11px 0 11px 89px;
}
.en .footer-bottom p{
  font-size: 12px;
}

.en .notdis{
  opacity: 0.01!important;
}

/* 日文 */
.ja .nav li > a{
  font-size: 15px;
}

.ja .appli-market .pagination .item .item-line{
  margin: 0;
}

.ja .item-line i{
  width: 28px!important;
}

.ja .appli-market .pagination .item .item-title{
  font-size: 16px;
  width: 185px;
}

.ja .apply-list .item .intro {
  letter-spacing: 0px;
  line-height: 16px;
  font-size: 13px;
}

.ja .section-apply .bottom .headline h4{
  font-size: 26px;
  letter-spacing: 0;
}

.ja .apply-market .tabs ul li a{
  font-size: 20px;
}

.ja .tabs-sub-manage ul li a{
  font-size: 14px;
}

.ja .company-profile p {
  line-height: 22px;
}

.ja .adv-list p {
  font-size: 12px;
  line-height: 20px;
}

.ja .envi-policy-con h4 {
  font-size: 16px;
  margin-top: 25px;
}

.ja .logo{
  margin-top: 23px;
}

.ja .nav li > a {
  padding: 10px 12px;
}

.ja .footer .footer-nav li{
  font-size: 14px;
}

.ja .btn-gt{
  width: 300px;
}

.ja .fill-per-info label {
  font-size: 16px;
  letter-spacing: 0;
  margin-left: 0px;
}

.ja .fill-per-info .input-row input{
  padding: 11px 0 11px 89px;
}